/* sidebar */
.sidebar-box{
  padding: 20px 16px 10px 20px;
}
.toggle-logo{
  width: 1.25rem;
}
.add-color{
  font-family: Microsoft YaHei UI, Microsoft YaHei UI;
  color:var(--theme-sidebar-add-color)
}
.add-box{
  background-color: var(--theme-sidebar-add-bg);
  border: 1px solid var(--theme-sidebar-add-border);
}
.add-box:hover{
  background-color: var(--theme-sidebar-add-hover);
}
.tool-text{
  font-family: Microsoft YaHei UI, Microsoft YaHei UI;
  font-size: 0.875rem;
  color: var(--theme-color-primary)
}
.default-image{
  display:block
}
.hover-image{
  display: none
}
.space-list{
  cursor: pointer;
}
.space-list:hover .default-image{
  display: none
}
.space-list:hover .hover-image{
  display:block
}
.space-list .arrow-up{
  transform: rotate(180deg);
}
.chat-list:hover .hover-image{
  display:block
}
.hover-image {
  width: 16px; /* 根据需要调整 */
  height: 16px; /* 根据图片大小自动调整高度 */
  transition: display 0.5s ease; /* 平滑过渡效果 */
}
.space-span{
  font-size: 14px;
  color: var(--theme-color-primary);
}
.chat-list:not(:last-child){
  margin-bottom: 4px;
}

.chat-tool{
  background-color: var(--theme-navbar-bg-default);
  box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
  border: 1px solid #F2F3F5;
}
.chat-tool button:hover{
  background: var(--theme-sidebar-bg);
}
.tool-text {
  color: var( --theme-color-primary);
}

/* 工作区 */
.add-space-title{
  color: var(--theme-sidebar-color-space);
}
.space-submit-btn{
  color: var(--theme-sidebar-add-color);
  border: 1px solid var(--theme-space-border-color);
}
.submit-btn{
  background: var(--theme-space-btn-bg);
  color: var(--theme-space-btn-color);
}

.space-submit-btn:hover{
  background: var(--theme-space-btn-bg);
  color: var(--theme-space-btn-color);
}
.space-input{
  background: var(--theme-sidebar-bg);
  border: 1px solid var(--theme-navbar-border-default);
}
.text-space-input-placeholder{
  font-size: 14px;
  color: var(--theme-space-placeholder-color);
}
.space-input:hover{
  border: 1px solid var(--theme-space-border-color);
}
.space-input:focus {
  border: 1px solid var(--theme-space-border-color);
  outline: var(--theme-space-border-color);
}
.space-input:active{
  border: 1px solid var(--theme-space-border-color);
  outline: var(--theme-space-border-color);
}
.remove-text{
  color: var(--theme-color-primary)
}
.space-remove-btn{
  border: none;
  background: var(--theme-space-remove-bg);
  color: var(--theme-sidebar-color-space);
}
.space-remove-btn:hover{
  background: var(--theme-space-remove-color);
  color: var(--theme-space-btn-color);
}

.remove-btn{
  background: var(--theme-space-remove-color);
  color: var(--theme-space-btn-color);
}
